body { background: #c0e1f2 url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc614a3b93406b000006/bg-foot.jpg") repeat 0 0; font-family: Arial; }

.big-container { background: transparent url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc634a3b93406b000007/bg-head.jpg") repeat-x 0 0; }

.container { padding-top: 15px; }

hr { background: transparent url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc684a3b93406b00000c/hr.png") repeat-x 0 0; height: 2px; border: none; padding: 0px; width: 100%; }

p.action { text-align: right; }

div.text { font-size: 1.2em; }

/* ___ header ___ */

#header { margin: 0 14px 0 12px; }
#header h1 { margin-bottom: 15px; }

/* ___ menu ___ */

#menu { text-align: right; }
#menu ul { list-style: none; margin-top: 25px; }
#menu ul li { display: inline; margin: 0 0 0 15px }
#menu ul li a { color: #323232; text-decoration: none; font-size: 1.3em; outline: none; }

body #menu ul li.on a,
body.home #menu ul li.home a,
body.nos_services #menu ul li.nos_services a,
body.notre_travail #menu ul li.notre_travail a,
body.le_blog #menu ul li.le_blog a,
body.nous_contacter #menu ul li.nous_contacter a
{ font-weight: bold; border-bottom: 3px solid #323232; }

/* ___ tagline ___ */

#tagline { margin: 15px 0; color: #323232; font-size: 1.6em; text-shadow: 0px 1px 0px #fff; text-align: justify; }
#tagline b { color: #000; font-weight: bold; }

/* ___ content ___ */

#content {
  background: transparent url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc684a3b93406b00000b/content-head.png") no-repeat center 0; margin-top: 16px; padding-top: 16px; width: 100%;
}

#content .inner { background: transparent url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc644a3b93406b000009/content-body.png") repeat-y center 0; padding-top: 20px; }

#content .inner h2 { background: transparent url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc6c4a3b93406b000012/title-violet.png") no-repeat 1px 0; height: 47px; padding: 5px 0 0 35px; color: white; font-size: 1.4em; text-shadow: 0px 0px 1px #000; }
#content .inner h2.blue { background-image: url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc6a4a3b93406b00000f/title-blue.png"); }
#content .inner h2.red { background-image: url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc6c4a3b93406b000011/title-red.png"); }
#content .inner h2.green { background-image: url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc6a4a3b93406b000010/title-green.png"); }

#content .inner .box { margin: 0 35px 15px; }

#content .footer { background: transparent url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc654a3b93406b00000a/content-foot.png") no-repeat center 0; }

/* ___ featured project ___ */

.featured-project { min-height: 211px; }
.featured-project .image { float: right; width: 450px; text-align: right; }
.featured-project .image a { display: block; border: 1px solid #e4e5e6; padding: 3px; width: 424px; float: right; }
.featured-project .image a img { display: block; border: 1px solid #999; }
.featured-project h3, .featured-project .description { width: 390px; }
.featured-project h3 { border-bottom: 1px solid #c0c1bf; padding-bottom: 5px; }
.featured-project h3 span { display: block; color: #909090; font-size: 0.8em; margin-bottom: 10px; }
.featured-project h3 a { font-weight: bold; color: #2f2f2f; text-decoration: none; font-size: 1.1em; }
.featured-project h3 a:hover { text-decoration: none; }
.featured-project .description { font-size: 1.1em; color: #3d3d3d; }
.featured-project .description p { text-align: justify; }
.featured-project p.action { padding-right: 440px; margin-bottom: 5px; }

/* ___ featured article ___ */

.featured-articles { margin-bottom: 0px; }
.featured-article { float: left; width: 256px; border-right: 1px solid #e4e5e6; padding-right: 10px; margin-right: 10px; min-height: 170px; position: relative; }
.featured-articles div.last { border-right: 0px; width: 276px; padding-right: 0px; margin-right: 0px; }
.featured-article h3 { margin-bottom: 3px; }
.featured-article h3 a { font-weight: bold; color: #2f2f2f; text-decoration: none; font-size: 1.1em; }
.featured-article h3 a:hover { text-decoration: underline; }
.featured-article p.date { color: #909090; font-size: 1em; margin-bottom: 10px; }
.featured-article .excerpt { margin-top: 10px; font-size: 1.1em; color: #3d3d3d; }
.featured-article .excerpt p { text-align: justify; }
.featured-article div.action { position: absolute; bottom: 5px; right: 5px; }

/* ___ services ___ */

ul#services { list-style: none; }
ul#services li { margin-bottom: 30px; }
ul#services li h3 { color: #2F2F2F; font-size: 1.4em; font-weight: bold; border-bottom: 1px solid #C0C1BF; padding-bottom: 5px; }
ul#services li div.text { font-size: 1.1em; }

/* ___ projects ___ */

div#projects { }
div#projects div.project { float: left; margin-right: 12px; width: 400px; position: relative; }
div#projects div.eor { margin-right: 0px; margin-left: 12px; }
div#projects div.project div.image { width: 100%; height: 140px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #bbb; }
div#projects div.project div.image a { display: none; }

div#projects div.project .overlay { position: absolute; top: 0; left: 0px; width: 400px; height: 140px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #bbb; opacity: 0; background: transparent url("http://locomotive_hosting.s3.amazonaws.com/sites/4c2330706f40d50ae2000005/themes/4c33bc694a3b93406b00000e/project-overlay.png") no-repeat 0 0; }

div#projects div.project .overlay p { text-align: center; margin: 56px 0; font-size: 2em; color: #fff; } 

div#projects div.project h3 { margin-top: 15px; border-bottom: 1px solid #c0c1bf; padding-bottom: 5px; }
div#projects div.project h3 span { display: block; color: #909090; font-size: 0.8em; float: right; margin-top: 3px; }
div#projects div.project h3 a { font-weight: bold; color: #2f2f2f; text-decoration: none; font-size: 1.1em; }
div#projects div.project h3 a:hover { text-decoration: none; }

div#projects div.project div.description p { font-size: 1.1em; text-align: justify; color: #3d3d3d; }

div#projects div.project p.action { position: absolute; right: 0px; top: 152px; }

/* ___ contact ___ */

#contact-form { margin-top: 30px; }
#contact-form ol { list-style: none; }
#contact-form ol li { margin-bottom: 24px; clear: both; }
#contact-form ol li label { float: left; width: 250px; color: #2F2F2F; font-size: 1.1em; font-weight: bold; text-align: right; padding-right: 20px; }
#contact-form ol li input, #contact-form ol li textarea { width: 430px; border: 1px solid #999; font-size: 1.2em; padding: 5px; color: #909090; } 
#contact-form ol li input { position: relative; top: -4px; }
#contact-form ol li textarea { height: 200px; font-size: 1.2em; }
#contact-form p.hint { margin-left: 270px; font-size: 0.9em; color: #909090; }
#contact-form div.actions { margin: 5px 118px 0 0; text-align: right; }
#contact-form div.actions input { line-height: 11px !important; }


/* ___ footer ___ */

#footer { margin: 20px 14px 0 12px; background: #000; border-bottom: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#footer p { margin: 0px; padding: 15px 20px; color: #b0afb0; font-size: 1em; }
#footer p a { color: #fff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }